// components/home-show/index.js
Component({

  /**
   * 组件的属性列表
   */
  properties: {
    visible: {
      type: Boolean,
      observer: function(newVal) {
        // 控制动画效果
        if (newVal) {
          setTimeout(() => {
            this.setData({ isShow: true });
          }, 50);
        } else {
          this.setData({ isShow: false });
        }
      }
    },
    value: String,
    options: {
      type: Array,
      value: [
        { label: '请假', value: 'leave' },
        { label: '工单保修', value: 'repair' },
        { label: '其它类型', value: 'other' }
      ]
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    isShow: false
  },

  /**
   * 组件的方法列表
   */
  methods: {
    onChange(e) {
      this.setData({ value: e.detail.value });
    },
    onConfirm() {
      if (!this.data.value) {
        wx.showToast({ title: '请选择任务类型', icon: 'none' });
        return;
      }
      this.triggerEvent('confirm', { value: this.data.value });
      this.setData({ visible: false });
    },
    onCancel() {
      this.triggerEvent('cancel');
      this.setData({ visible: false });
    }
  }
})